<!--管道总览-->
<template>
  <div class="absolute top-111 left-37">
    <div class="w-507 h-261">
      <FirstLevelCard title="管线数据统计">
        <div class="flex flex-col gap-15">
          <div class="flex w-full justify-between items-center">
            <div class="w-225 h-120">
              <second-level-card title="管线统计" :img="Component_19_2">
                <div class="h-full flex flex-col justify-center items-center">
                  <label1 class="m-b-8" text="镇江市管线总长"></label1>
                  <label2 text-bg="665842" text-sm="公里"></label2>
                </div>
              </second-level-card>
            </div>
            <div class="w-225 h-120">
              <second-level-card title="建设计划" :img="Component_19">
                <div class="h-full flex flex-col justify-center items-center">
                  <label1 class="m-b-8" text="镇江市管线总长"></label1>
                  <label2 text-bg="866554" text-sm="公里" :color="['#00F7FF','#0084FE']"></label2>
                </div>
              </second-level-card>
            </div>
          </div>
          <div class="flex border border-1 border-solid border-[rgba(56,201,205,0.3)] bg-[rgba(15,54,70,0.8)]">
            <div class="w-225 h-44 border border-1 border-solid border-[rgba(56,201,205,0.3)]"
                 border="1px solid rgba(56,201,205,0.3);">
              <second-level-heading title="动态更新总长" :img="Component_19_1"></second-level-heading>
            </div>
            <div class="w-225 h-44 flex justify-center items-center">
              <label2 text-bg="665842" text-sm="公里"></label2>
            </div>
          </div>
        </div>
      </FirstLevelCard>
    </div>
    <div class="w-507 h-261 m-t-15">
      <FirstLevelCard title="管线分类统计">
        <div class="h-full">
          <second-level-card2 title="管线类型统计" :img="Component_19_3">
            <div class="p-17">
              <div class="h-43 flex justify-between w-full gap-10">
                <tshort-card-mc :img="Component_2">
                  <label1 text="雨水"></label1>
                  <label3 text-bg="665842" text-sm="公里" :gap="4"></label3>
                </tshort-card-mc>
                <tshort-card-mc :img="Component_2_2">
                  <label1 text="污水"></label1>
                  <label3 text-bg="566555" text-sm="公里" :gap="4"></label3>
                </tshort-card-mc>
              </div>
              <div class="flex h-43 m-t-15">
                <t-lang-card-mc :img="Component_2_3">
                  <label1 text="污水"></label1>
                  <label3 text-bg="566555" text-sm="公里" :gap="4"></label3>
                </t-lang-card-mc>
              </div>

            </div>

          </second-level-card2>
        </div>

      </FirstLevelCard>
    </div>
    <div class="w-507 h-357 m-t-15">
      <FirstLevelCard title="管线动态更新">
        <div class="h-full">
          <second-level-card2 title="近六年管线更新汇总" :img="Component_19_4">
            <template #rightTitle>
              <tabs-batton :tabs="tabs_j6ngxgxhz" v-model="tabs_j6ngxgxhz_value"></tabs-batton>
            </template>
            <div class="p-x-20">
              <TProgress type="red" top="TOP.1" label="2023年管线长度" :denominator-value="100" :numerator-value="100"
                         label-bg="898766" label-sm="公里"></TProgress>
              <TProgress type="yellow" top="TOP.2" label="2022年管线长度" :denominator-value="100" :numerator-value="90"
                         label-bg="798766" label-sm="公里"></TProgress>
              <TProgress type="blue" top="TOP.3" label="2021年管线长度" :denominator-value="100" :numerator-value="80"
                         label-bg="690766" label-sm="公里"></TProgress>
              <TProgress type="blue" top="TOP.4" label="2020年管线长度" :denominator-value="100" :numerator-value="60"
                         label-bg="598766" label-sm="公里"></TProgress>
            </div>

          </second-level-card2>
        </div>
      </FirstLevelCard>
    </div>
  </div>
  <div class="absolute top-111 left-564">
    <div class="w-507 h-223">
      <FirstLevelCard title="燃气专题面板">
        <div class="w-full flex  flex-wrap gap-28">
          <div class="w-135 h-65">
            <base-bg-card :img="Property1g">
              <label1 class="absolute top-2 left-15" text="调压站数量"></label1>
              <label3 class="absolute top-30 left-15" text-bg="302" text-sm="个" gap="30"></label3>
            </base-bg-card>
          </div>
          <div class="w-135 h-65">
            <base-bg-card :img="Property1b">
              <label1 class="absolute top-2 left-15" text="低压管线"></label1>
              <label3 class="absolute top-30 left-15" text-bg="56654" text-sm="公里" gap="30"></label3>
            </base-bg-card>
          </div>
          <div class="w-135 h-65">
            <base-bg-card :img="Property1b">
              <label1 class="absolute top-2 left-15" text="中压管线"></label1>
              <label3 class="absolute top-30 left-15" text-bg="302" text-sm="公里" gap="30"></label3>
            </base-bg-card>
          </div>
          <div class="w-135 h-65">
            <base-bg-card :img="Property1b">
              <label1 class="absolute top-2 left-15" text="高压管线"></label1>
              <label3 class="absolute top-30 left-15" text-bg="302" text-sm="公里" gap="30"></label3>
            </base-bg-card>
          </div>
          <div class="w-135 h-65">
            <base-bg-card :img="Property1b">
              <label1 class="absolute top-2 left-15" text="调压站数量"></label1>
              <label3 class="absolute top-30 left-15" text-bg="302" text-sm="公里" gap="30"></label3>
            </base-bg-card>
          </div>
        </div>
      </FirstLevelCard>
    </div>
    <div class="w-507 h-154 m-t-15">
      <FirstLevelCard title="供水专题面板">
        <div class="w-full flex justify-evenly items-center">
          <div class="w-192 h-76 relative flex items-center justify-evenly">
            <img :src="Component_13_1" alt="" class="w-full absolute">
            <div class="w-42 h-58">
              <img :src="Component_13_2" alt="" class="w-full h-full">
            </div>
            <div class="w-min">
              <label1 text="供水管线"></label1>
              <label3 text-bg="66584" text-sm="公里"></label3>
            </div>
          </div>
          <div class="w-192 h-76 relative flex items-center justify-evenly">
            <img :src="Component_14_1" alt="" class="w-full absolute">
            <div class="w-42 h-58">
              <img :src="Component_14_2" alt="" class="w-full h-full">
            </div>
            <div class="w-min">
              <label1 text="泵站个数"></label1>
              <label3 text-bg="380" text-sm="个"></label3>
            </div>
          </div>
        </div>
      </FirstLevelCard>
    </div>
    <div class="w-507 h-261 m-t-15">
      <FirstLevelCard title="排水专题面板">
        <div class="w-full flex flex-col">
          <div class="flex justify-between items-center">
            <div class="flex justify-between gap-20 items-center w-150 h-70">
              <img :src="Component_15_1" alt="" class="w-42 h-58">
              <div>
                <label1 text="供水管线"></label1>
                <label3 text-bg="522" text-sm="个"></label3>
              </div>
            </div>
            <div class="flex justify-between gap-20 items-center w-150 h-70">
              <img :src="Component_14_2" alt="" class="w-42 h-58">
              <div>
                <label1 text="污水泵站"></label1>
                <label3 text-bg="582" text-sm="个"></label3>
              </div>
            </div>
            <div class="flex justify-between gap-20 items-center w-150 h-70">
              <img :src="Component_15_2" alt="" class="w-42 h-58">
              <div>
                <label1 text="污水厂"></label1>
                <label3 text-bg="42" text-sm="个"></label3>
              </div>
            </div>
          </div>
          <div class="flex-1 box-border">
            <div class="h-32 m-b-6">
              <BlueBand>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15%"></div>
                  <div class="w-35% z-9999">管线类型</div>
                  <div class="w-50% z-9999">
                    管线长度
                  </div>
                </div>
              </BlueBand>
            </div>
            <div class="space-y-5">
              <div class="h-32">
                <green-band>
                  <div class="flex color-white items-center text-16 text-align-left h-32">
                    <div class="w-15% z-9999">
                      <l-num :num="1" color="#FFC106"></l-num>
                    </div>
                    <div class="w-35% z-9999">雨水</div>
                    <div class="w-50% z-9999">
                      <label3 :size="[20, 14]" text-bg="5336555" text-sm="公里" :gap="10"
                              :color="['#ffffff', '#ffffff']"></label3>
                    </div>
                  </div>
                </green-band>
              </div>
              <div class="h-32">
                <blank-band>
                  <div class="flex color-white items-center text-16 text-align-left h-32">
                    <div class="w-15% z-9999">
                      <l-num :num="2" color="#B4C1D8"></l-num>
                    </div>
                    <div class="w-35% z-9999">雨水</div>
                    <div class="w-50% z-9999">
                      <label3 :size="[20, 14]" text-bg="5336555" text-sm="公里" :gap="10"
                              :color="['#ffffff', '#ffffff']"></label3>
                    </div>
                  </div>
                </blank-band>
              </div>
            </div>

          </div>

        </div>
      </FirstLevelCard>
    </div>
    <div class="w-507 h-226 m-t-15">
      <FirstLevelCard title="管廊专题面板">
        <div class="h-full">
          <div class="h-32 m-b-6">
            <BlueBand>
              <div class="flex color-white items-center text-16 text-align-left h-32">
                <div class="w-15%"></div>
                <div class="w-15% z-9999">类型</div>
                <div class="w-40% z-9999">管线长度</div>
                <div class="w-30% z-9999">
                  设备数量
                </div>
              </div>
            </BlueBand>
          </div>
          <div class="space-y-5">
            <div class="h-32">
              <green-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="1" color="#FFC106"></l-num>
                  </div>
                  <div class="w-15% z-9999">类型</div>
                  <div class="w-40% z-9999">
                    <label3 :size="[20, 14]" text-bg="5336555" text-sm="公里" :gap="10"
                            :color="['#ffffff', '#ffffff']"></label3>
                  </div>
                  <div class="w-30% z-9999">
                    <label3 :size="[20, 14]" text-bg="80" text-sm="个" :gap="5"
                            :color="['#00F7FF', '#0084FE']"></label3>
                  </div>
                </div>
              </green-band>
            </div>
            <div class="h-32">
              <blank-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="1" color="#FFC106"></l-num>
                  </div>
                  <div class="w-15% z-9999">类型</div>
                  <div class="w-40% z-9999">
                    <label3 :size="[20, 14]" text-bg="5336555" text-sm="公里" :gap="10"
                            :color="['#ffffff', '#ffffff']"></label3>
                  </div>
                  <div class="w-30% z-9999">
                    <label3 :size="[20, 14]" text-bg="80" text-sm="个" :gap="5"
                            :color="['#00F7FF', '#0084FE']"></label3>
                  </div>
                </div>
              </blank-band>
            </div>
            <div class="h-32">
              <brown-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="3" color="#FF7A06"></l-num>
                  </div>
                  <div class="w-15% z-9999">类型</div>
                  <div class="w-40% z-9999">
                    <label3 :size="[20, 14]" text-bg="5336555" text-sm="公里" :gap="10"
                            :color="['#ffffff', '#ffffff']"></label3>
                  </div>
                  <div class="w-30% z-9999">
                    <label3 :size="[20, 14]" text-bg="80" text-sm="个" :gap="5"
                            :color="['#00F7FF', '#0084FE']"></label3>
                  </div>
                </div>
              </brown-band>
            </div>
          </div>
        </div>
      </FirstLevelCard>
    </div>
  </div>
  <div class="absolute top-111 right-576">
    <div class="w-507 h-314">
      <FirstLevelCard title="动态更新统计">
        <div class="w-full">
          <div class="w-full flex justify-evenly items-center">
            <div class="w-192 h-76 relative flex items-center justify-evenly">
              <img :src="Component_14_1" alt="" class="w-full absolute">
              <div class="w-42 h-58">
                <img :src="Component_16_1" alt="" class="w-full h-full">
              </div>
              <div class="w-min">
                <label1 text="竣工汇交案件"></label1>
                <label3 text-bg="2354" text-sm="件"></label3>
              </div>
            </div>
            <div class="w-192 h-76 relative flex items-center justify-evenly">
              <img :src="Component_14_3" alt="" class="w-full absolute">
              <div class="w-42 h-58">
                <img :src="Component_16_2" alt="" class="w-full h-full">
              </div>
              <div class="w-min">
                <label1 text="动态维护案件"></label1>
                <label3 text-bg="380" text-sm="个"></label3>
              </div>
            </div>
          </div>
          <div class="h-32 m-b-6 m-t-10">
            <BlueBand>
              <div class="flex color-white items-center text-16 text-align-left h-32">
                <div class="w-15%"></div>
                <div class="w-25% z-9999">案件名称</div>
                <div class="w-30% z-9999">案件类型</div>
                <div class="w-30% z-9999">
                  更新时间
                </div>
              </div>
            </BlueBand>
          </div>
          <div class="space-y-5">
            <div class="h-32">
              <green-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="1" color="#FFC106"></l-num>
                  </div>
                  <div class="w-25% z-9999">案件1</div>
                  <div class="w-30% z-9999">
                    竣工汇交
                  </div>
                  <div class="w-30% z-9999">
                    11/8
                  </div>
                </div>
              </green-band>
            </div>
            <div class="h-32">
              <bland-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="1" color="#B4C1D8"></l-num>
                  </div>
                  <div class="w-25% z-9999">案件2</div>
                  <div class="w-30% z-9999">
                    竣工汇交
                  </div>
                  <div class="w-30% z-9999">
                    11/8
                  </div>
                </div>
              </bland-band>
            </div>
            <div class="h-32">
              <brown-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="3" color="#FF7A06"></l-num>
                  </div>
                  <div class="w-25% z-9999">案件3</div>
                  <div class="w-30% z-9999">
                    竣工汇交
                  </div>
                  <div class="w-30% z-9999">
                    11/8
                  </div>
                </div>
              </brown-band>
            </div>
          </div>
        </div>

      </FirstLevelCard>
    </div>
    <div class="w-507 h-335 m-t-15">
      <FirstLevelCard title="交互风险统计">
        <div class="w-full flex flex-col">
          <div class="flex justify-evenly items-center">
            <div class="flex justify-between gap-20 items-center w-150 h-70">
              <img :src="Component_17_1" alt="" class="w-42 h-58">
              <div>
                <label1 text="风险已管控"></label1>
                <label3 text-bg="522" text-sm="件"></label3>
              </div>
            </div>
            <div class="flex justify-between gap-20 items-center w-150 h-70">
              <img :src="Component_17_2" alt="" class="w-42 h-58">
              <div>
                <label1 text="风险管控中"></label1>
                <label3 text-bg="2" text-sm="件"></label3>
              </div>
            </div>
          </div>
          <div class="flex-1 box-border">
            <div class="h-32 m-b-6 m-t-5">
              <BlueBand>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15%"></div>
                  <div class="w-25% z-9999">风险名称</div>
                  <div class="w-30% z-9999">风险状态</div>
                  <div class="w-30% z-9999">
                    定位
                  </div>
                </div>
              </BlueBand>
            </div>
            <div class="space-y-5">
              <div class="h-32">
                <green-band>
                  <div class="flex color-white items-center text-16 text-align-left h-32">
                    <div class="w-15% z-9999">
                      <l-num :num="1" color="#FFC106"></l-num>
                    </div>
                    <div class="w-25% z-9999">名称1</div>
                    <div class="w-30% z-9999">
                      管控中
                    </div>
                    <div class="w-30% z-9999">
                      <label3 text-bg="定位" :color="['#00F7FF', '#0084FE']" :size="[14,0]"></label3>
                    </div>
                  </div>
                </green-band>
              </div>
              <div class="h-32">

                <blank-band>
                  <div class="flex color-white items-center text-16 text-align-left h-32">
                    <div class="w-15% z-9999">
                      <l-num :num="3" color="#FF7A06"></l-num>
                    </div>
                    <div class="w-25% z-9999">名称3</div>
                    <div class="w-30% z-9999">
                      管控中
                    </div>
                    <div class="w-30% z-9999">
                      <label3 text-bg="定位" :color="['#00F7FF', '#0084FE']" :size="[14,0]"></label3>
                    </div>
                  </div>
                </blank-band>
              </div>
              <div class="h-32">
                <brown-band>
                  <div class="flex color-white items-center text-16 text-align-left h-32">
                    <div class="w-15% z-9999">
                      <l-num :num="1" color="#B4C1D8"></l-num>
                    </div>
                    <div class="w-25% z-9999">名称2</div>
                    <div class="w-30% z-9999">
                      管控中
                    </div>
                    <div class="w-30% z-9999">
                      <label3 text-bg="定位" :color="['#00F7FF', '#0084FE']" :size="[14,0]"></label3>
                    </div>
                  </div>
                </brown-band>
              </div>
              <div class="h-32">
                <green-band>
                  <div class="flex color-white items-center text-16 text-align-left h-32">
                    <div class="w-15% z-9999">
                      <l-num :num="1" color="#FFC106"></l-num>
                    </div>
                    <div class="w-25% z-9999">名称4</div>
                    <div class="w-30% z-9999">
                      管控中
                    </div>
                    <div class="w-30% z-9999">
                      <label3 text-bg="定位" :color="['#00F7FF', '#0084FE']" :size="[14,0]"></label3>
                    </div>
                  </div>
                </green-band>
              </div>
            </div>

          </div>
        </div>
      </FirstLevelCard>
    </div>
    <div class="w-507 h-230 m-t-15">
      <FirstLevelCard title="耦合分析统计">
        <div class="w-full flex flex-col">
          <div class="h-32 m-b-6 m-t-5">
            <BlueBand>
              <div class="flex color-white items-center text-16 text-align-left h-32">
                <div class="w-15%"></div>
                <div class="w-25% z-9999">类型</div>
                <div class="w-30% z-9999">数量</div>
                <div class="w-30% z-9999">
                  定位
                </div>
              </div>
            </BlueBand>
          </div>
          <div class="space-y-5">
            <div class="h-32">
              <green-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="1" color="#FFC106"></l-num>
                  </div>
                  <div class="w-25% z-9999">名称1</div>
                  <div class="w-30% z-9999">
                    <label3 text-bg="80" text-sm="个" :color="['#00F7FF', '#0084FE']" :size="[20,14]"></label3>
                  </div>
                  <div class="w-30% z-9999">
                    <label3 text-bg="定位" :color="['#00F7FF', '#0084FE']" :size="[14,0]"></label3>
                  </div>
                </div>
              </green-band>
            </div>
            <div class="h-32">
              <bland-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="1" color="#B4C1D8"></l-num>
                  </div>
                  <div class="w-25% z-9999">名称2</div>
                  <div class="w-30% z-9999">
                    <label3 text-bg="80" text-sm="个" :color="['#00F7FF', '#0084FE']" :size="[20,14]"></label3>
                  </div>
                  <div class="w-30% z-9999">
                    <label3 text-bg="定位" :color="['#00F7FF', '#0084FE']" :size="[14,0]"></label3>
                  </div>
                </div>
              </bland-band>
            </div>
            <div class="h-32">
              <brown-band>
                <div class="flex color-white items-center text-16 text-align-left h-32">
                  <div class="w-15% z-9999">
                    <l-num :num="3" color="#FF7A06"></l-num>
                  </div>
                  <div class="w-25% z-9999">名称3</div>
                  <div class="w-30% z-9999">
                    <label3 text-bg="80" text-sm="个" :color="['#00F7FF', '#0084FE']" :size="[20,14]"></label3>
                  </div>
                  <div class="w-30% z-9999">
                    <label3 text-bg="定位" :color="['#00F7FF', '#0084FE']" :size="[14,0]"></label3>
                  </div>
                </div>
              </brown-band>
            </div>
          </div>
        </div>
      </FirstLevelCard>
    </div>
  </div>
  <div class="absolute top-111 right-49">
    <div class="w-507 h-909">
      <FirstLevelCard title="综合赋能">
        <div class="h-full space-y-20">
          <div class="h-36%">
            <div class="h-full">
              <second-level-card2 title="交互风险统计" :img="Component_18_1">
                <template #rightTitle>
                  <tabs-batton :tabs="tabs_jhfxtj" v-model="tabs_jhfxtj_value"></tabs-batton>
                </template>
                <c-radar-chart></c-radar-chart>
              </second-level-card2>
            </div>
          </div>
          <div class="h-20%">
            <div class="h-full">
              <second-level-card2 title="交互风险管控" :img="Component_18_2">
                <template #rightTitle>
                  <tabs-batton :tabs="tabs_jhfxgk" v-model="tabs_jhfxgk_value"></tabs-batton>
                </template>
                <div class="p-x-20">
                  <TProgress type="yellow" top="TOP.1" label="风险管控中" :denominator-value="100"
                             :numerator-value="100"
                             label-bg="898766" label-sm="件"></TProgress>
                  <TProgress type="blue" top="TOP.2" label="风险已管控" :denominator-value="100" :numerator-value="90"
                             label-bg="798766" label-sm="件"></TProgress>

                </div>
              </second-level-card2>
            </div>
          </div>
          <div class="h-38%">
            <div class="h-full">
              <second-level-card2 title="耦合分析统计" :img="Component_18_3">
                <div class="flex flex-col p-20">
                  <div class="h-32 m-b-10">
                    <BlueBand>
                      <div class="flex color-white items-center text-16 text-align-left h-32">
                        <div class="w-15%"></div>
                        <div class="w-45% z-9999">耦合类型</div>
                        <div class="w-40% z-9999">影响管线长度</div>

                      </div>
                    </BlueBand>
                  </div>
                  <div class="flex flex-col space-y-6">
                    <div class="h-32">
                      <green-band>
                        <div class="flex color-white items-center text-16 text-align-left h-32">
                          <div class="w-15% z-9999">
                            <l-num :num="1" color="#FFC106"></l-num>
                          </div>
                          <div class="w-45% z-9999">耦合类型1</div>
                          <div class="w-40% z-9999">
                            <label3 text-bg="56332" text-sm="公里" :gap="10" :size="[20,14]"></label3>
                          </div>

                        </div>
                      </green-band>
                    </div>
                    <div class="h-32">
                      <brown-band>
                        <div class="flex color-white items-center text-16 text-align-left h-32">
                          <div class="w-15% z-9999">
                            <l-num :num="1" color="#B4C1D8"></l-num>
                          </div>
                          <div class="w-45% z-9999">耦合类型1</div>
                          <div class="w-40% z-9999">
                            <label3 text-bg="56332" text-sm="公里" :gap="10" :size="[20,14]"></label3>
                          </div>
                        </div>
                      </brown-band>
                    </div>
                    <div class="h-32">
                      <blank-band>
                        <div class="flex color-white items-center text-16 text-align-left h-32">
                          <div class="w-15% z-9999">
                            <l-num :num="3" color="#FF7A06"></l-num>
                          </div>
                          <div class="w-45% z-9999">耦合类型1</div>
                          <div class="w-40% z-9999">
                            <label3 text-bg="56332" text-sm="公里" :gap="10" :size="[20,14]"></label3>
                          </div>
                        </div>
                      </blank-band>
                    </div>
                    <div class="h-32">
                      <blank-band>
                        <div class="flex color-white items-center text-16 text-align-left h-32">
                          <div class="w-15% z-9999">
                            <l-num :num="4" color="#FFC106"></l-num>
                          </div>
                          <div class="w-45% z-9999">耦合类型1</div>
                          <div class="w-40% z-9999">
                            <label3 text-bg="56332" text-sm="公里" :gap="10" :size="[20,14]"></label3>
                          </div>
                        </div>
                      </blank-band>
                    </div>
                    <div class="h-32">
                      <blank-band>
                        <div class="flex color-white items-center text-16 text-align-left h-32">
                          <div class="w-15% z-9999">
                            <l-num :num="5" color="#FFC106"></l-num>
                          </div>
                          <div class="w-45% z-9999">耦合类型1</div>
                          <div class="w-40% z-9999">
                            <label3 text-bg="56332" text-sm="公里" :gap="10" :size="[20,14]"></label3>
                          </div>
                        </div>
                      </blank-band>
                    </div>
                  </div>
                </div>
              </second-level-card2>
            </div>
          </div>
        </div>
      </FirstLevelCard>
    </div>

  </div>
</template>
<script setup>
import FirstLevelCard from '@/components/card/FirstLevelCard.vue'
import SecondLevelCard from '@/components/card/SecondLevelCard.vue'
import Label1 from '@/components/label/Label1.vue'
import Label2 from '@/components/label/Label2.vue'
import Label3 from '@/components/label/Label3.vue'
import Component_19 from '@/assets/img/Component_19.png'
import Component_19_1 from '@/assets/img/Component_19_1.png'
import Component_19_2 from '@/assets/img/Component_19_2.png'
import Component_19_3 from '@/assets/img/Component_19_3.png'
import Component_19_4 from '@/assets/img/Component_19_4.png'
import Component_2 from '@/assets/img/Component_2.png'
import Component_2_2 from '@/assets/img/Component_2_2.png'
import Component_2_3 from '@/assets/img/Component_2_3.png'
import Component_13_1 from '@/assets/img/Component_13_1.png'
import Component_13_2 from '@/assets/img/Component_13_2.png'
import Component_14_1 from '@/assets/img/Component_14_1.png'
import Component_14_2 from '@/assets/img/Component_14_2.png'
import Component_14_3 from '@/assets/img/Component_14_3.png'
import Component_15_1 from '@/assets/img/Component_15_1.png'
import Component_15_2 from '@/assets/img/Component_15_2.png'
import Component_16_1 from '@/assets/img/Component_16_1.png'
import Component_16_2 from '@/assets/img/Component_16_2.png'
import Component_17_1 from '@/assets/img/Component_17_1.png'
import Component_17_2 from '@/assets/img/Component_17_2.png'
import Component_18_1 from '@/assets/img/Component_18_1.png'
import Component_18_2 from '@/assets/img/Component_18_2.png'
import Property1g from '@/assets/img/Property1g.png'
import Property1b from '@/assets/img/Property1b.png'
import SecondLevelHeading from '@/components/title/SecondLevelHeading.vue'
import SecondLevelCard2 from '@/components/card/SecondLevelCard2.vue'
import TshortCardMc from '@/components/card/TshortCardMc.vue'
import TLangCardMc from '@/components/card/TLangCardMc.vue'
import TProgress from '@/components/progress/TProgress.vue'
import BlueBand from '@/components/band/BlueBand.vue'
import BlankBand from '@/components/band/BlankBand.vue'
import BrownBand from '@/components/band/BrownBand.vue'
import GreenBand from '@/components/band/GreenBand.vue'
import LNum from '@/components/label/LNum.vue'
import BaseBgCard from '@/components/card/BaseBgCard.vue'
import CRadarChart from '@/components/chart/CRadarChart.vue'
import { ref } from 'vue'
import TabsBatton from '@/components/tabs/TabsBatton.vue'

const tabs_j6ngxgxhz = [
  {
    name: '全省',
    value: '全省'
  },
  {
    name: '全市',
    value: '全市'
  },
]
const tabs_j6ngxgxhz_value = ref('全省')
const tabs_jhfxtj = [
  {
    name: '全省',
    value: '全省'
  },
  {
    name: '全市',
    value: '全市'
  },
]
const tabs_jhfxtj_value = ref('全省')
const tabs_jhfxgk = [
  {
    name: '全省',
    value: '全省'
  },
  {
    name: '全市',
    value: '全市'
  },
]
const tabs_jhfxgk_value = ref('全省')
</script>
